<nz-modal id="account"   [(nzVisible)]="nzVisible" [nzOkLoading]="isOkLoading" [nzFooter]="null" [nzOkText]="null" [nzWidth]="400"  (nzOnCancel)="handleCancel()">
  <div class="title">场地限额(针对线上支付)</div>
  <form nz-form [formGroup]="merchantStoreForm">
  <nz-form-item>
    <nz-form-label [nzSm]="12" [nzXs]="44">场地每天收款额度</nz-form-label>
    <nz-form-control [nzSm]="merchantStoreForm.value.dayQuota!=null || status?8:9" [nzXs]="44">
      <input type="text"  nz-input formControlName="dayQuota" placeholder="请输入额度" *ngIf="status"/>
      <div class="invalid-feedback" *ngIf="merchantStoreForm.get('dayQuota').invalid && merchantStoreForm.get('dayQuota').touched">
        <div *ngIf="merchantStoreForm.get('dayQuota').errors.min">最小额度为1000</div>
        <div *ngIf="merchantStoreForm.get('dayQuota').errors.forbiddenNumber && merchantStoreForm.get('dayQuota').errors.isNumber">请输入数字</div>
      </div>
      <div class="amount" *ngIf="!status">{{merchantStoreForm.value.dayQuota==null?'不限制':merchantStoreForm.value.dayQuota}}</div>
    </nz-form-control>
    <nz-form-label *ngIf="merchantStoreForm.value.dayQuota!=null || status" [nzNoColon]="true">元</nz-form-label>
  </nz-form-item>
  <nz-form-item>
    <nz-form-label [nzSm]="12" [nzXs]="44">会员每分钟支付额度</nz-form-label>
    <nz-form-control [nzSm]="8" [nzXs]="44">
      <input type="text"  nz-input formControlName="memberMinuteQuota" placeholder="请输入额度" *ngIf="status"/>
      <div class="invalid-feedback" *ngIf="merchantStoreForm.get('memberMinuteQuota').invalid && merchantStoreForm.get('memberMinuteQuota').touched">
        <div *ngIf="merchantStoreForm.get('memberMinuteQuota').errors.min">最小额度为100</div>
        <div *ngIf="merchantStoreForm.get('memberMinuteQuota').errors.forbiddenNumber && merchantStoreForm.get('memberMinuteQuota').errors.isNumber">请输入数字</div>
      </div>
      <div class="amount" *ngIf="!status">{{merchantStoreForm.value.memberMinuteQuota}}</div>
    </nz-form-control>
    <nz-form-label [nzNoColon]="true">元</nz-form-label>
  </nz-form-item>
  <nz-form-item>
    <nz-form-label [nzSm]="12" [nzXs]="44">会员每分钟支付笔数</nz-form-label>
    <nz-form-control [nzSm]="8" [nzXs]="44">
      <input type="text"  nz-input formControlName="memberMinutePayCount" placeholder="请输入笔数" *ngIf="status"/>
      <div class="invalid-feedback" *ngIf="merchantStoreForm.get('memberMinutePayCount').invalid && merchantStoreForm.get('memberMinutePayCount').touched">
        <div *ngIf="merchantStoreForm.get('memberMinutePayCount').errors.min">最小笔数为1</div>
        <div *ngIf="merchantStoreForm.get('memberMinutePayCount').errors.forbiddenNumber && merchantStoreForm.get('memberMinutePayCount').errors.isNumber">请输入数字</div>
      </div>
      <div class="amount" *ngIf="!status">{{merchantStoreForm.value.memberMinutePayCount}}</div>
    </nz-form-control>
    <nz-form-label [nzNoColon]="true">笔</nz-form-label>
  </nz-form-item>
  <nz-form-item>
    <nz-form-label [nzSm]="12" [nzXs]="44">会员每小时支付额度</nz-form-label>
    <nz-form-control [nzSm]="8" [nzXs]="44">
      <input type="text"  nz-input formControlName="memberHourQuota" placeholder="请输入额度" *ngIf="status"/>
      <div class="invalid-feedback" *ngIf="merchantStoreForm.get('memberHourQuota').invalid && merchantStoreForm.get('memberHourQuota').touched">
        <div *ngIf="merchantStoreForm.get('memberHourQuota').errors.min">最小额度为300</div>
        <div *ngIf="merchantStoreForm.get('memberHourQuota').errors.forbiddenNumber && merchantStoreForm.get('memberHourQuota').errors.isNumber">请输入数字</div>
      </div>
      <div class="amount" *ngIf="!status">{{merchantStoreForm.value.memberHourQuota}}</div>
    </nz-form-control>
    <nz-form-label [nzNoColon]="true">元</nz-form-label>
  </nz-form-item>
  <nz-form-item>
    <nz-form-label [nzSm]="12" [nzXs]="44">会员每小时支付笔数</nz-form-label>
    <nz-form-control [nzSm]="8" [nzXs]="44">
      <input type="text"  nz-input formControlName="memberHourPayCount" placeholder="请输入笔数" *ngIf="status"/>
      <div class="invalid-feedback" *ngIf="merchantStoreForm.get('memberHourPayCount').invalid && merchantStoreForm.get('memberHourPayCount').touched">
        <div *ngIf="merchantStoreForm.get('memberHourPayCount').errors.min">最小笔数为1</div>
        <div *ngIf="merchantStoreForm.get('memberHourPayCount').errors.forbiddenNumber && merchantStoreForm.get('memberHourPayCount').errors.isNumber">请输入数字</div>
      </div>
      <div class="amount" *ngIf="!status">{{merchantStoreForm.value.memberHourPayCount}}</div>
    </nz-form-control>
    <nz-form-label [nzNoColon]="true">笔</nz-form-label>
  </nz-form-item>
  <nz-form-item>
    <nz-form-label [nzSm]="12" [nzXs]="44">会员每天支付额度</nz-form-label>
    <nz-form-control [nzSm]="8" [nzXs]="44">
      <input type="text"  nz-input formControlName="memberDayQuota" placeholder="请输入额度" *ngIf="status"/>
      <div class="invalid-feedback" *ngIf="merchantStoreForm.get('memberDayQuota').invalid && merchantStoreForm.get('memberDayQuota').touched">
        <div *ngIf="merchantStoreForm.get('memberDayQuota').errors.min">最小额度为1000</div>
        <div *ngIf="merchantStoreForm.get('memberDayQuota').errors.forbiddenNumber && merchantStoreForm.get('memberDayQuota').errors.isNumber">请输入数字</div>
      </div>
      <div class="amount" *ngIf="!status">{{merchantStoreForm.value.memberDayQuota}}</div>
    </nz-form-control>
    <nz-form-label [nzNoColon]="true">元</nz-form-label>
  </nz-form-item>
  <nz-form-item>
    <nz-form-label [nzSm]="12" [nzXs]="44">会员每天支付笔数</nz-form-label>
    <nz-form-control [nzSm]="8" [nzXs]="44">
      <input type="text"  nz-input formControlName="memberDayPayCount" placeholder="请输入笔数" *ngIf="status"/>
      <div class="invalid-feedback" *ngIf="merchantStoreForm.get('memberDayPayCount').invalid && merchantStoreForm.get('memberDayPayCount').touched">
        <div *ngIf="merchantStoreForm.get('memberDayPayCount').errors.min">最小笔数为1</div>
        <div *ngIf="merchantStoreForm.get('memberDayPayCount').errors.forbiddenNumber && merchantStoreForm.get('memberDayPayCount').errors.isNumber">请输入数字</div>
      </div>
      <div class="amount" *ngIf="!status">{{merchantStoreForm.value.memberDayPayCount}}</div>
    </nz-form-control>
    <nz-form-label [nzNoColon]="true">笔</nz-form-label>
  </nz-form-item>
  <nz-form-item class="button-container">
    <nz-form-control nzSpan="8">
      <button nz-button (click)="handleCancel()" [nzBlock]="true" nzSize="large" nzType="default">关闭</button>
    </nz-form-control>
    <nz-form-control nzSpan="8"  *ngIf="!status">
      <button [nzLoading]="isOkLoading" nzSize="large" [nzBlock]="true" (click)="modification()" nz-button nzType="primary">修改</button>
    </nz-form-control>
    <nz-form-control nzSpan="8"  *ngIf="status">
      <button [nzLoading]="isOkLoading" nzSize="large" [nzBlock]="true" (click)="handleOk()" nz-button nzType="primary">保存</button>
    </nz-form-control>
  </nz-form-item>
  </form>
</nz-modal>
